<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <link rel="stylesheet" type="text/css" href="../plugin/bootstrap/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/taxiCarFho.css" />
    <script src="../common/js/system.js" type="text/javascript"></script>
    <script src="../plugin/jquery/jquery.min.js"></script>
    <script src="../plugin/bootstrap/bootstrap.min.js" type="text/javascript"></script> 
    <script src="js/taxiCarFho.js" type="text/javascript"></script>
    <link rel="stylesheet" href="css/sweet-alert.min.css" />
    <link rel="stylesheet" href="../plugin/ionicon/css/ionicons.min.css" />
    <script src="js/sweet-alert.min.js"></script>  
    <!-- 弹框插件 -->
    <link rel="stylesheet" type="text/css" href="css/mobiscroll-2.13.2.full.min.css">
    <script type="text/javascript" src="js/mobiscroll-2.13.2.full.min.js"></script> 
    <!-- <script src="js/pluginTitle.js" type="text/javascript"></script> -->
    <script src="js/common.js"type="text/javascript"></script>
    <!-- 压缩img -->
    <script src="localResizeIMG-4.9.35/dist/lrz.bundle.js" type="text/javascript"></script>
    <title>出租车信息照片上传</title>
</head>
<body>
    <div class="sys_item clearfix container-fluid">
        <!-- 驾驶证正面标题 -->
        <div class="textIcon" >身份证正面</div>      
        <!-- 展示图片区域 -->
        <div class="box sfzFrontBox">
            <img id="blah1" class="imgDemo" src="" style="width:100%;height:20rem;overflow:hidden;">
            <a href="javascript:;" class="lk">
                 <span class="iconadd jiaNo1">+</span></br>
                 <span class="txt textNo1">添加身份证正面照片</span>
            </a>
            <div class="Veil1" style="position:absolute;width:100%;height:4rem;line-height:4rem;border-radius:5px;left:0;bottom:1px;opacity:0.6;background:black;text-align:center;color:#FFFFFF;font-size:1.6rem;font-family:'微软雅黑';display:none;"><span class="VeilFont1">重新上传</span></div>
        </div> 

        <!-- 驾驶证副本标题 -->
        <div class="textIcon" >身份证副本</div>      
        <!-- 展示图片区域 -->
        <div class="box sfzCopyBox">
            <img id="blah2" class="imgDemo" src="" style="width:100%;height:20rem;overflow:hidden;">
            <a href="javascript:;" class="lk">
                 <span class="iconadd jiaNo2">+</span></br>
                 <span class="txt textNo2">添加身份证副本照片</span>
            </a>
            <div class="Veil2" style="position:absolute;width:100%;height:4rem;line-height:4rem;border-radius:5px;left:0;bottom:1px;opacity:0.6;background:black;text-align:center;color:#FFFFFF;font-size:1.6rem;font-family:'微软雅黑';display:none;"><span class="VeilFont1">重新上传</span></div>
        </div> 

        <!-- 人车合影标题 -->
        <div class="textIcon" >人车合影</div>      
        <!-- 展示图片区域 -->
        <div class="box driverCarBox">
            <img id="blah3" class="imgDemo" src="" style="width:100%;height:20rem;overflow:hidden;">
            <a href="javascript:;" class="lk">
                 <span class="iconadd jiaNo3">+</span></br>
                 <span class="txt textNo3">添加人车合影照片</span>
            </a>
            <div class="Veil3" style="position:absolute;width:100%;height:4rem;line-height:4rem;border-radius:5px;left:0;bottom:1px;opacity:0.6;background:black;text-align:center;color:#FFFFFF;font-size:1.6rem;font-family:'微软雅黑';display:none;"><span class="VeilFont1">重新上传</span></div> 
        </div> 

        <!-- 驾驶证正面标题 -->
        <div class="textIcon" >驾驶证正面</div>      
        <!-- 展示图片区域 -->
        <div class="box jszFrontBox">
            <img id="blah4" class="imgDemo" src="" style="width:100%;height:20rem;overflow:hidden;">
            <a href="javascript:;" class="lk">
                 <span class="iconadd jiaNo4">+</span></br>
                 <span class="txt textNo4">添加驾驶证正面照片</span>
            </a>
            <div class="Veil4" style="position:absolute;width:100%;height:4rem;line-height:4rem;border-radius:5px;left:0;bottom:1px;opacity:0.6;background:black;text-align:center;color:#FFFFFF;font-size:1.6rem;font-family:'微软雅黑';display:none;"><span class="VeilFont1">重新上传</span></div>
        </div> 


        <!-- 驾驶证副本标题 -->
        <div class="textIcon" >驾驶证副本</div>      
        <!-- 展示图片区域 -->
        <div class="box jszCopyBox">
            <img id="blah5" class="imgDemo" src="" style="width:100%;height:20rem;overflow:hidden;">
            <a href="javascript:;" class="lk">
                 <span class="iconadd jiaNo5">+</span></br>
                 <span class="txt textNo5">添加驾驶证副本照片</span>
            </a>
            <div class="Veil5" style="position:absolute;width:100%;height:4rem;line-height:4rem;border-radius:5px;left:0;bottom:1px;opacity:0.6;background:black;text-align:center;color:#FFFFFF;font-size:1.6rem;font-family:'微软雅黑';display:none;"><span class="VeilFont1">重新上传</span></div> 
        </div> 

        <!-- 行车证正本标题 -->
        <div class="textIcon" >行车本正本</div>      
        <!-- 展示图片区域 -->
        <div class="box runFrontBox">
            <img id="blah6" class="imgDemo" src="" style="width:100%;height:20rem;overflow:hidden;">
            <a href="javascript:;" class="lk">
                 <span class="iconadd jiaNo6">+</span></br>
                 <span class="txt textNo6">添加行车本正本照片</span>
            </a>
            <div class="Veil6" style="position:absolute;width:100%;height:4rem;line-height:4rem;border-radius:5px;left:0;bottom:1px;opacity:0.6;background:black;text-align:center;color:#FFFFFF;font-size:1.6rem;font-family:'微软雅黑';display:none;"><span class="VeilFont1">重新上传</span></div>
        </div> 

        <!-- 行车证副本标题 -->
        <div class="textIcon" >行车本副本</div>      
        <!-- 展示图片区域 -->
        <div class="box runCopyBox">
            <img id="blah7" class="imgDemo" src="" style="width:100%;height:20rem;overflow:hidden;">
            <a href="javascript:;" class="lk">
                 <span class="iconadd jiaNo7">+</span></br>
                 <span class="txt textNo7">添加行车本副本照片</span>
            </a>
            <div class="Veil7" style="position:absolute;width:100%;height:4rem;line-height:4rem;border-radius:5px;left:0;bottom:1px;opacity:0.6;background:black;text-align:center;color:#FFFFFF;font-size:1.6rem;font-family:'微软雅黑';display:none;"><span class="VeilFont1">重新上传</span></div>
        </div> 

      
        <!-- 从业资格证 -->
        <div class="textIcon" >从业资格证</div>      
        <!-- 展示图片区域 -->
        <div class="box certificationBox">
            <img id="blah8" class="imgDemo" src="" style="width:100%;height:20rem;overflow:hidden;">
            <a href="javascript:;" class="lk">
                 <span class="iconadd jiaNo8">+</span></br>
                 <span class="txt textNo8">添加从业资格证照片</span>
            </a>
            <div class="Veil8" style="position:absolute;width:100%;height:4rem;line-height:4rem;border-radius:5px;left:0;bottom:1px;opacity:0.6;background:black;text-align:center;color:#FFFFFF;font-size:1.6rem;font-family:'微软雅黑';display:none;"><span class="VeilFont1">重新上传</span></div>
        </div> 


        <!-- 司机一寸照片 -->
        <div class="textIcon" >个人一寸照</div>      
        <!-- 展示图片区域 -->
        <div class="box driverFhoBox">
            <img id="blah9" class="imgDemo" src="" style="width:100%;height:20rem;overflow:hidden;">
            <a href="javascript:;" class="lk">
                 <span class="iconadd jiaNo9">+</span></br>
                 <span class="txt textNo9">添加个人一寸照片</span>
            </a>
            <div class="Veil9" style="position:absolute;width:100%;height:4rem;line-height:4rem;border-radius:5px;left:0;bottom:1px;opacity:0.6;background:black;text-align:center;color:#FFFFFF;font-size:1.6rem;font-family:'微软雅黑';display:none;"><span class="VeilFont1">重新上传</span></div>
        </div> 

    </div>
    
    
  <div class="form-group carBtnZ">
    <div class="col-sm-offset-2 col-sm-10">
      <button class="btn btn-default carBtn">提交审核</button>
    </div>
  </div>

     <!-- 遮罩层+图片说明+input|file 身份证正面-->
    <div class="imginput_guide" id="sfzFront" style="background-image: url(images/sfzFrontImg.png);position: fixed;
  left: 0;top: 0; width:100%; height:100%; left: 0px; top: 0px; opacity: 1; background-size:100% 30% no-repeat;display:none;" >
        <form target="iframepost703" method="POST" enctype="multipart/form-data" action="/pinche/newreg/picUpload">     
            <input name="file" id="imgInp1" type="file" accept="image/*" style="position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; opacity: 0;">
        </form>
    </div>
  
  <!-- 遮罩层+图片说明+input|file 身份证副本-->
    <div class="imginput_guide" id="sfzCopy" style="background-image: url(images/sfzCopyImg.png);position: fixed;
  left: 0;top: 0; width:100%; height:100%; left: 0px; top: 0px; opacity: 1; background-size:100% 30% no-repeat;display:none;" >
        <form target="iframepost703" method="POST" enctype="multipart/form-data" action="/pinche/newreg/picUpload">     
            <input name="file" id="imgInp2" type="file" accept="image/*" style="position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; opacity: 0;">
        </form>
    </div>

    <!-- 遮罩层+图片说明+input|file 人车合影-->
    <div class="imginput_guide" id="driverCar" style="background-image: url(images/driverCarTaxiImg.png);position: fixed;
  left: 0;top: 0; width:100%; height:100%; left: 0px; top: 0px; opacity: 1; background-size:100% 30% no-repeat;display:none;" >
        <form target="iframepost703" method="POST" enctype="multipart/form-data" action="/pinche/newreg/picUpload">     
            <input name="file" id="imgInp3" type="file" accept="image/*" style="position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; opacity: 0;">
        </form>
    </div>

    <!-- 遮罩层+图片说明+input|file 驾驶证正面-->
    <div class="imginput_guide" id="jszFront" style="background-image: url(images/jszFrontImg.png);position: fixed;
  left: 0;top: 0; width:100%; height:100%; left: 0px; top: 0px; opacity: 1; background-size:100% 30% no-repeat;display:none;" >
        <form target="iframepost703" method="POST" enctype="multipart/form-data" action="/pinche/newreg/picUpload">     
            <input name="file" id="imgInp4" type="file" accept="image/*" style="position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; opacity: 0;">
        </form>
    </div>

    <!-- 遮罩层+图片说明+input|file 驾驶证副本-->
    <div class="imginput_guide" id="jszCopy" style="background-image: url(images/jszCopyImg.png);position: fixed;
  left: 0;top: 0; width:100%; height:100%; left: 0px; top: 0px; opacity: 1; background-size:100% 30% no-repeat;display:none;" >
        <form target="iframepost703" method="POST" enctype="multipart/form-data" action="/pinche/newreg/picUpload">     
            <input name="file" id="imgInp5" type="file" accept="image/*" style="position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; opacity: 0;">
        </form>
    </div>

    <!-- 遮罩层+图片说明+input|file 行车证正本-->
    <div class="imginput_guide" id="runFront" style="background-image: url(images/runFrontImg.png);position: fixed;
  left: 0;top: 0; width:100%; height:100%; left: 0px; top: 0px; opacity: 1; background-size:100% 30% no-repeat;display:none;" >
        <form target="iframepost703" method="POST" enctype="multipart/form-data" action="/pinche/newreg/picUpload">     
            <input name="file" id="imgInp6" type="file" accept="image/*" style="position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; opacity: 0;">
        </form>
    </div>

    <!-- 遮罩层+图片说明+input|file 行车证副本-->
    <div class="imginput_guide" id="runCopy" style="background-image: url(images/runCopyImg.png);position: fixed;
  left: 0;top: 0; width:100%; height:100%; left: 0px; top: 0px; opacity: 1; background-size:100% 30% no-repeat;display:none;" >
        <form target="iframepost703" method="POST" enctype="multipart/form-data" action="/pinche/newreg/picUpload">     
            <input name="file" id="imgInp7" type="file" accept="image/*" style="position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; opacity: 0;">
        </form>
    </div>

    <!-- 遮罩层+图片说明+input|file 从业资格证-->
    <div class="imginput_guide" id="certificationMb" style="background-image: url(images/certificationImg.png);position: fixed;
  left: 0;top: 0; width:100%; height:100%; left: 0px; top: 0px; opacity: 1; background-size:100% 30% no-repeat;display:none;" >
        <form target="iframepost703" method="POST" enctype="multipart/form-data" action="/pinche/newreg/picUpload">     
            <input name="file" id="imgInp8" type="file" accept="image/*" style="position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; opacity: 0;">
        </form>
    </div>

    <!-- 遮罩层+图片说明+input|file 司机个人一寸照-->
    <div class="imginput_guide" id="driverFho" style="background-image: url(images/driverFho.png);position: fixed;
  left: 0;top: 0; width:100%; height:100%; left: 0px; top: 0px; opacity: 1; background-size:100% 30% no-repeat;display:none;" >
        <form target="iframepost703" method="POST" enctype="multipart/form-data" action="/pinche/newreg/picUpload">     
            <input name="file" id="imgInp9" type="file" accept="image/*" style="position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; opacity: 0;">
        </form>
    </div>

    <!-- 上传未成功 加载蒙板 -->
    <div class="alert_sc" style="position:absolute;left:0;top:0; background: #fff;width:100%;height:100%;color: #696969; font-family:\'Microsoft YaHei\'; display:none;z-index:1000;opacity:0.8;text-align:center;padding-top:50%;">
    <div class="alert_sc_box" style="position:fixed;top:50%;left:50%;transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);">
        <img src="images/icon_img.gif" style="width:5rem;height:5rem;">
        请耐心等待
    </div>
    
    </div>  
</body>
</html>